@base-font-color: #484848;
@base-font-size: 14px;

.flex-layout {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.file {
    .flex-layout();
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 10px;
    border-radius: 10px;

    span {
        font-size: @base-font-size;
        color: @base-font-color;
        margin-top: 10px;
        font-weight: 600;
        word-break: keep-all;
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        text-align: center;
}

&:hover {
    background: #efefef
}
}

.type-file {}

.type-folder {}

.graphical {
    height: 64px;
    width: 64px;

    img {
        width: 64px;
        height: 64px;
        object-fit: scale-down;
    }
}